<script setup lang="ts">
import { onMounted, reactive, watch } from "vue";
import _ from "lodash";
import ComPageWrap from "@/components/ComPageWrap/index.vue";
</script>

<template>
  <ComPageWrap title="《用户服务协议及隐私政策》">
    <div>
      <div class="title-wrapper">
        <p class="title">用户协议</p>
      </div>
    </div>

    <template #footer>
      <div></div>
    </template>
  </ComPageWrap>
</template>

<style lang="less" scoped>
.title-wrapper {
  display: flex;
  align-items: center;
  padding: 15px 10px;

  .title-icon {
    width: 18px;
    height: 18px;
  }

  .title {
    font-size: 32rpx;
    font-weight: bold;
    margin-left: 5px;
  }
}

.rule-section {
  padding: 0px 20px;
  margin-bottom: 20px;

  .section-title {
    font-size: 32rpx;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .rule-text {
    font-size: 26rpx;
    line-height: 21px;
  }
}

.disclaimer {
  margin: 30px 0px 50px 20px;
  font-size: 26rpx;
}
</style>
